Align and Distribute

Quickly align or evenly distribute multiple content items along a given axis on the canvas to format the layout in a uniform way.

Access the Alignment and Distribution tools from the ribbon to position elements on the canvas. Users can align elements:

  • Vertically - left, center, right
  • Horizontally - top, middle, bottom

Note: Align and Distribute tools are not available for Tiled layout.

Align

Alignment tools are accessible from both the ribbon (see image above) and the content item context menu (see image below).

Align selected content items along a given axis:

  • Align Left: align selected content items along their left edges, in alignment with the left edge of the left-most selected item.
  • Align Center: vertically align selected content items through their centers.
  • Align Right: align selected content items along their right edges, in alignment with the left edge of the right-most selected item.
  • Align Top: align selected content items along their top edges, in alignment with the left edge of the top-most selected item.
  • Align Middle: horizontally align selected content items through their middles.
  • Align Bottom: align selected content items along their bottom edges, in alignment with the left edge of the bottom-most selected item.

Align Content Items

To Align content items:

  1. Select at lest 2 content item(s) on the canvas.
  2. Right-click on the element(s).
  3. From the context menu, select Alignment, and choose the alignment type that is needed.

Alternatively, select the element(s) and then open the Alignment drop-down menu from the ribbon to select the required alignment.

Distribute

The Distribute command allows users to evenly distribute multiple elements horizontally or vertically, based on the left-most and right-most or the topmost and bottom-most selected content items.

Users can distribute the elements either horizontally or vertically.

  • Distribute Horizontally: evenly distribute selected content items horizontally.
  • Distribute Vertically: evenly distribute selected content items vertically.

The Distribution tools are available from the context menu when at least 3 content items are selected simultaneously.

Distribute Content Items

To Distribute content items:

  1. Select at least 3 content items on the canvas.
  2. Right-click on the element(s).
  3. From the context menu, select Distribute, and choose the distribution type that is needed.